@charset "utf-8";
/* CSS Document */
/* index */



@media (min-width: 1201px) {
	.top.on,.top.set{
		background:#1f60c3;
		transition: all 0.5s ease;
	}
	
	.T-nav>li:nth-child(n+5){
		margin-left:0px
	}
	.T-nav li .sec,
	.T-nav>li .thr {
		display: block;
		opacity: 0;
		visibility: hidden;
		transform: translateY(30px);
		transition: all 0.5s ease;
	}

	.T-nav li:hover .sec,
	.T-nav>li:hover .thr {
		opacity: 1;
		visibility: visible;
		transform: translateY(0px);
		transition: all 0.5s ease;
	}

	.T-nav>li:hover>a:after,
	.T-nav>li>a.cur:after {
		width: 30px;
		transition: all 0.5s ease;
	}

	.T-nav>li:hover>a,
	.T-nav>li>a.cur {
		color: #1f60c3;
	}
	.kokfe li a:hover .pic img,.cpList li a:hover .pic img,.newsCase li a:hover .pic img{
		transform: scale(1.05);
		transition: all 0.5s ease;
	}
	.kokfe li a:hover .tit{
		color: #fff;
		background: #6b96d7;
		transition: all 0.5s ease;
	}
	.kokfe li a:hover .tit::after{
		background: url(../images/r2.png);
	}
	.lbteom li.on:before{
		background: rgba(31, 96, 195, 0.75);
		transition: all 0.5s;
	}
	.lbteom li.on{
		width: 43%;
		transition: all 0.5s;
	}
	.lbteom li.on .midcon{
		opacity: 0;
		transform: translateY(50px);
		transition: all 0.5s;
	}
	.lbteom li.on .sonM{
		opacity: 1;
		transform: translateX(0px);
		transition: all 0.5s ease 0.5s;
	}
	
}



@media (max-width: 1200px) {
	body {
		padding-top: 50px;
	}
	.olmrea{
		padding-top:0;
	}
	
	.wrap,.wrap1200 {
		width: 100%;
		max-width: 780px;
		margin: 0 auto;
		padding: 0 3%;
	}

	.top {
		display: block;
		padding: 0 3%;
		top: 0;
		width: 100%;
		left: 0;
		margin-left: 0;
		background: #000;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
		position: fixed;
		z-index: 20;
		line-height: 50px;
		height: 50px;
	}
	.top .logo{
		position: relative;
		left: 0;
		top: 0;
		transform: translateX(0);
		float: left;
		overflow: hidden;
		height: 50px;
		padding-top: 5px;
		margin:0;
	}
	.top .logo img{
		height: 72px;
		width: 39px;
		object-fit: cover;
	}
	
	.T-nav {
		position: fixed;
		left: 0;
		top: 50px;
		margin: 0;
		padding: 0;
		width: 100%;
		height: calc(100vh - 50px);
		background: #000;
		z-index: 22;
		overflow: auto;
		display: none;
	}

	.T-nav>li {
		width: 100%;
		border-bottom: 1px solid #eee;
		margin: 0;
	}

	.T-nav li>a {
		background: none !important;
		line-height: 45px;
		padding: 0 3%;
		font-size: 16px;
	}
.T-nav .wrap{
		max-width: 1200px;
	}
	.zbontl .d1{
		display: none;
	}
	.zbontl .d2{
		margin: 0;
	}
	.zbontl .d2 a{
		color: #fff;
		font-size: 14px !important;
	}
	.T-nav>li .sec .imgscg{
		display: none;
	}
	.T-nav>li .sec {
		position: relative;
		display: none;
		top: 0;
		left: 0;
		margin: 0;
		width: 100%;
		padding: 0;
		box-shadow: 0 0 0;
		background: #000;
	}

	.T-nav>li .sec a {
		line-height: 45px;
		margin: 0;
		font-size: 15px;
		padding: 0 5%;
		text-align: left;
		width: 100%;
	}

	.mob-nav {
		display: block;
		float: right;
	}
	.top .langEC{
		float: right;
		position: relative;
		margin: 0;
		right: 0;
	}
	.ind-01 .pic{
		width: 100%;
		text-align: center;
	}
	.ind-01 .con{
		width: 100%;
		margin-top: 4%;
	}
	.ind-01 .con .d1{
		font-size: 20px;
	}
	.ind-01 .con .d2{
		font-size: 18px;
		margin: 10px 0;
	}
	.ind-01 .con .d3{
		font-size: 14px;
	}
	.ind-01 .con .d4{
		margin: 20px 0;
	}
	.lbTit .d1,.aboulte .d1{
		font-size: 24px;
	}
	.lbTit .d2,.aboulte .d2{
		font-size: 14px;
	}
	.kokfe li a .tit{
		font-size: 14px;
		line-height: 40px;
	}
	.lbteom li{
		width: 14%;
	}
	.lbteom li .pic img{
		height: 380px;
	}
	.lbteom li .midcon{
		font-size: 16px;
	}
	.ny-banner .con .d1{
		font-size: 24px;
	}
	.ny-banner .con .d2{
		font-size: 18px;
	}
	.ny-nav span{
		display: block;
		font-size: 16px;
		background: url(../images/xl.png) no-repeat 98% center;
	}
	.ny-nav p{
		text-align: left;
		display: none;
	}
	.ny-nav p a{
		margin: 0;
		padding: 0 20px;
		width: 100%;
		display: block;
		font-size: 15px;
		line-height: 40px;
	}
	.ny-nav p a.cur{
		background: none;
		color: #1f60c3;
	}
	.cpList li a .pic img{
		height: 200px;
	}
	.cpList li a .tit{
		font-size: 15px;
	}
	.pageol a.mob-none {
	    display: none;
	    margin: 0 1px;
	}
	.swNews{
		width: 100%;
	}
	.buneam{
		width: 100%;
	}
	.buneam li{
		margin: 4% 0 0;
	}
	.newsCase li a .pic img{
		height: 160px;
	}
	.macolt{
		flex-wrap: wrap;
	}
	.macolt .pic{
		width: 100%;
	}
	.macolt .con{
		width: 100%;
		padding: 4%;
		font-size: 15px;
	}
	.eflol{ display:none;}
	.eflol span,.oplca li .one-set span{ display:none;}
	.eflol span.s1,.oplca li .one-set span.s1{ display:block; width:calc(100% - 80px);}
	.oplca li .one-set span.s5{ display:block;width: 80px;}
	.wbons{
		width: 100%;
	}
	.wbons .d1{
		font-size: 20px;
	}
	.wbons .d2{
		font-size: 15px;
		margin-top: 12px;
	}
	.efrom{
		width: 100%;
		margin-top: 6%;
	}
	.wflot{
		font-size:20px
	}
	.wflot img{
		height:50px
	}	
}



@media (max-width: 780px) {
	.ind-01 .con .d4 .list{
		padding: 0 10px 0 45px;
		background-size: 38px auto;
	}
	.ind-01 .con .d4 .list .s1{
		font-size: 16px;
	}
	.ind-02{
		margin-top: 3%;
	}
	.ind-03{
		padding-top: 6%;
	}
	.lbteom{
		flex-wrap: wrap;
	}
	.lbteom li{
		width: 100%;
		margin-bottom: 2%;
	}
	.lbteom li .pic img{
		height: 30vw;
	}
	.lbteom li .midcon{
		top: 50%;
		transform: translateY(-50%);
	}
	.footT{
		padding: 20px 0;
	}
	.footT .link{
		width: 100%;
	}
	.ab-01 .pic{
		width: 100%;
	}
	.ab-01 .con{
		width: 100%;
	}
	.olmrea{
		width: 100%;
		padding: 4%;
	}
	.lpitae span{
		margin-right:5px;
		padding: 0 10px;
	}
	.lblcel li{
		width: 33.33%;
		margin-top: 5%;
	}
	.cpList li{
		width: 49%;
		margin-right: 0;
	}
	.cpList li:nth-child(2n){
		float: right;
	}
	.cpList li a .pic img{
		height: 30vw;
	}
	.titSHOW{
		font-size: 18px;
	}
	.belmfa{
		font-size: 20px;
	}
	.buneam li a{
		padding: 15px 0;
	}
	.buneam li a .data{
		width: 90px;
	}
	.buneam li a .data strong{
		font-size: 30px;
	}
	.buneam li a .con .d1{
		font-size: 18px;
	}
	.buneam li a .con {
	    width: calc(100% - 90px);
	    padding: 0 20px;
	}
}







@media (max-width: 640px) {
	.kokfe li{
		width: 100%;
		margin-right: 0;
	}
	.footT .tit{
		font-size: 16px;
		padding-top: 8px;
	}
	.footB .wrap div{
		padding: 10px 0;
		font-size: 14px;
	}
	.lblcel li img{
		height: 90px;
	}
	.newsCase li{
		width: 100%;
		margin-right: 0;
	}
	.newsCase li a .pic img{
		height: 55vw;
	}
	.newsCase li a .tit{
		font-size: 16px;
		margin: 8px 0;
	}
	.newsCase li a .link{
		margin-top: 5px;
	}
	.wflot .list{
		width:35%;
		padding:10px 0
		
	}
	.wflot .list img
	{
		width:60px;
		object-fit: scale-down;
	}
	.goShop{
		top:auto;
		bottom:0;
		line-height:40px;
		padding:0 20px; 
		font-size:14px;
		transform: translateY(0%);
	}
}